<!DOCTYPE html>
<html data-theme="{{ desk_theme.lower() }}">
	<head>
		<!-- Chrome, Firefox OS and Opera -->
		<meta name="theme-color" content="#0089FF">
		<!-- Windows Phone -->
		<meta name="msapplication-navbutton-color" content="#0089FF">
		<!-- iOS Safari -->
		<meta name="apple-mobile-web-app-status-bar-style" content="#0089FF">
		<meta content="text/html;charset=utf-8" http-equiv="Content-Type">
		<meta content="utf-8" http-equiv="encoding">
		<meta name="author" content="">
		<meta name="viewport" content="width=device-width, initial-scale=1.0,
			maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, minimal-ui">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="white">
		<meta name="mobile-web-app-capable" content="yes">
		<title>Frappe</title>
		<link rel="shortcut icon"
			href="{{ favicon or "/assets/frappe/images/frappe-favicon.svg" }}" type="image/x-icon">
		<link rel="icon"
			href="{{ favicon or "/assets/frappe/images/frappe-favicon.svg" }}" type="image/x-icon">
		{% for include in include_css -%}
		<link type="text/css" rel="stylesheet" href="{{ include }}?ver={{ build_version }}">
		{%- endfor -%}
	</head>
	<body>
		{% include "public/icons/timeless/symbol-defs.svg" %}
		<div class="centered splash">
			<img src="{{ splash_image or "/assets/frappe/images/frappe-framework-logo.png" }}"
				style="max-width: 100px; max-height: 100px;">
		</div>
		<div class="main-section">
			<header></header>
			<div id="body"></div>
			<footer></footer>
		</div>

		<script type="text/javascript" src="/assets/frappe/js/lib/jquery/jquery.min.js"></script>

		<script type="text/javascript">
		window._version_number = "{{ build_version }}";
		// browser support
		window.app = true;
		window.dev_server = {{ dev_server }};

		if(!window.frappe) window.frappe = {};

		frappe.boot = {{ boot }};

		frappe.csrf_token = "{{ csrf_token }}";

		</script>

		{% for include in include_js %}
		<script type="text/javascript" src="{{ include }}?ver={{ build_version }}"></script>
		{% endfor %}
		{% include "templates/includes/app_analytics/google_analytics.html" %}
		{% include "templates/includes/app_analytics/mixpanel_analytics.html" %}

		{% for sound in (sounds or []) %}
		<audio preload="auto" id="sound-{{ sound.name }}" volume={{ sound.volume or 1 }}>
			<source src="{{ sound.src }}"></source>
		</audio>
		{% endfor %}
	</body>
</html>
